import React from 'react'
import "../assets/styles/Header.css"
import { SearchOutlined } from '@ant-design/icons';
import { Input } from 'antd';
import logo from "../assets/imgs/tubiao.png"
export default function Index() {
    return (
        <>
            <div className='head'>
                <div className='headCont'>
                    <div className='logo'>
                        {/* <img className='logoimg' src={logo} alt="" /> */}
                        <img className='logoimg' src={new URL('../assets/imgs/tubiao.png', import.meta.url).href} alt="" />
                        <span>网易云音乐</span>
                    </div>
                    <ul className='cont'>
                        <li className='black'>发现音乐</li>
                        <li>我的音乐</li>
                        <li>关注</li>
                        <li>商城</li>
                        <li>音乐人</li>
                        <li>下载客户端</li>
                    </ul>
                    <div className='input'>
                        {/* <input type="text" value="123"/> */}
                        <Input size="large" placeholder="音乐/视频/电台/用户" style={{ borderRadius: '50px', height: "30px", fontSize: "12px" }} prefix={<SearchOutlined />} />
                        {/* <Input style={{borderRadius:'50px',height: "36px" }} placeholder="default " prefix={< />} /> */}

                    </div>

                    <div className='creation'>创作者中心</div>
                    <div className='login'>登录</div>
                </div>
            </div>
            <div className='red'>
                <div className='faxian'>
                    <div className='div color'>推荐</div>
                    <div className='div'>排行榜</div>
                    <div className='div'>歌单</div>
                    <div className='div'>主播电台</div>
                    <div className='div'>歌手</div>
                    <div className='div'>新碟上架</div>
                </div>
            </div>

        </>
    )
}